<div class="swiper-wrap">
    <div class="pic-wrap">
        <script id="swiperPic" type="text/html">
            {{each swiperArr as item index}}
            <div class="pic">
                <img src="{{item.imageUrls[0]}}" alt="">
                <div class="title">{{item.title}}</div>
            </div>
            {{/each}}
        </script>
    </div>
    <div class="cricle-wrap">
        <div class="cricle active"></div>
        <div class="cricle"></div>
        <div class="cricle"></div>
        <div class="cricle"></div>
    </div>
    <span class="arrow left-arrow">&lt;</span>
    <span class="arrow right-arrow">&gt;</span>
</div>